@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	font-size:100%;
}

body{

}

h1{
	font-size:140%;
	font-weight:800;
	line-height:115%;
	color:#333333;
	border-top:2px #333333 solid;
	border-bottom:2px #333333 solid;
	padding:0.2em;
	margin:0.5em 0 0.5em 0;
	
}

p{
	margin:0.5em 0 0.8em 0.2em;
	line-height:100%;
}

table{
	padding:0;
	margin:0;
	border-top:1px silver solid;
	border-left:1px silver solid;
}


td{
	border-bottom:1px silver solid;
	border-right:1px silver solid;
	margin:0;
	padding:0.3em;
}



fieldset{
	padding:0.5em;
	border:silver 1px solid;
}


label{
	display:block;
	margin:1em 0 0.3em 0;
	font-size:110%;
}

li{
	display:inline;
	margin-right:0.5em;
}



#head{
	clear:both;
	margin:0 1em 0.5em 1em;
	padding:0em 0 0.5em 1em;
	color:white;
	font-weight:800;
	background-color:#2970DA;
	border-bottom-right-radius: 0.8em;
	border-bottom-left-radius: 0.8em;
	-webkit-border-bottom-right-radius: 0.8em;
	-webkit-border-bottom-left-radius: 0.8em;
	-moz-border-radius-bottomleft: 0.8em;
	-moz-border-radius-bottomright: 0.8em;
	box-shadow:0px 1px 1px #333333;
	-moz-box-shadow: 0px 1px 1px #333333;
	-webkit-box-shadow:0px 1px 1px #333333;
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#333333'); zoom:1;
}

#head a{
	color:white;
}

#head div.title{
	font-size:150%;
	text-shadow: 0px 1px 0px #333333;
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333'); zoom:1;
	text-decoration:none;
	padding:0.2em 0;
	float:left;
}

#head div.title a{
	text-decoration:none;
}

#foot{
	text-align:center;
	clear:both;
	margin:0.5em 0 0 0;
	padding:1.5em 0 0.5em 0;
	background: transparent url("/media/footer.gif") left top repeat-x;
}

#popup{
	margin:0.3em;
	padding:0.5em;
	border:#2970DA 3px solid;
	}

#mainwrapper{
	margin:0 5% 0 5%;
	}

#content{
	clear:both;
	margin:0.5em 0 0.5em 0;
}

#tools{
	font-size:85%;
	margin:0 0.5em 0.5em 0;
	float:right;
}

#tools li a{
	color:#333333;
	background-color:white;
	padding:0.4em 0.8em 0.4em 0.8em;
	border-bottom-right-radius: 0.3em;
	border-bottom-left-radius: 0.3em;
	-webkit-border-bottom-right-radius: 0.3em;
	-webkit-border-bottom-left-radius: 0.3em;
	-moz-border-radius-bottomleft: 0.3em;
	-moz-border-radius-bottomright: 0.3em;
	
}

#globalnavi{
	font-size:85%;
	margin:0.8em 0.8em 0.2em 0;
}

#globalnavi .g_left{
	float:left;
	}
	
#globalnavi .g_right{
	float:right;
	}

#globalnavi li {
	margin-right:0.3em;
	}

#globalnavi li a{
	color:#333333;
	background-color:white;
	padding:0.4em 2em 0.3em 2em;
	border-top-right-radius: 0.3em;
	border-top-left-radius: 0.3em;
	-webkit-border-top-right-radius: 0.3em;
	-webkit-border-top-left-radius: 0.3em;
	-moz-border-radius-topleft: 0.3em;
	-moz-border-radius-topright: 0.3em;
	border-bottom-right-radius: 0.3em;
	border-bottom-left-radius: 0.3em;
	-webkit-border-bottom-right-radius: 0.3em;
	-webkit-border-bottom-left-radius: 0.3em;
	-moz-border-radius-bottomleft: 0.3em;
	-moz-border-radius-bottomright: 0.3em;
	
}

#stateArea{
	float:right;
	width:100px;
	padding:0.5em;
	margin:0.2em 0.3em 0.5em 0.5em;
	border:2px #333333 dotted;
	font-size:90%;
	}

#stateArea li {
	display:block;
	padding:0.3em;
	}

#bodyArea{
	margin:0.5em 0.3em;
	}

#manage{
	margin:0 0 4em 0;
	}
	
#manage h1{
	color:#333333;
	border-top:2px #333333 solid;
	border-bottom:2px #333333 solid;
	padding:0.5em;
	margin:1em 0 1.5em 0;
	}

#manage ul.main_list li a{

	color:white;
	background-color:#333333;
	padding:1em 1.5em 0.9em 1.5em;
	border-top-right-radius: 0.3em;
	border-top-left-radius: 0.3em;
	-webkit-border-top-right-radius: 0.3em;
	-webkit-border-top-left-radius: 0.3em;
	-moz-border-radius-topleft: 0.3em;
	-moz-border-radius-topright: 0.3em;
	border-bottom-right-radius: 0.3em;
	border-bottom-left-radius: 0.3em;
	-webkit-border-bottom-right-radius: 0.3em;
	-webkit-border-bottom-left-radius: 0.3em;
	-moz-border-radius-bottomleft: 0.3em;
	-moz-border-radius-bottomright: 0.3em;
	
	}



#manage_table{
	border:1px silver solid;
}

#manage_table td{
	border:1px silver solid;
}

.task{
	border-top:1px #2970DA dotted;
	padding:0.3em;
	}

.task p{
	font-size:80%;
	}

.my_algo{
	border-bottom:1px #2970DA dotted;
	padding:0.3em;
}

.header{
	background-color:#333333;
	color:white;
	padding:0.3em;
}

.pending{
	 margin-left: -50.002% 
	}


.my_algo p{
	font-size:80%;
	}
	
.color_green{
	color:green;
	font-weight:800;
	}
	
.algo_info{
	font-size:80%;
	margin:0.5em 0.3em 0.1em 0.1em;
	}

.thumbnail{
	width:110px;
	height:125px;
	float:left;
	margin:5px;
	padding-top:5px;
	border:1px silver solid;
	display:block;
	text-align:center;
}

.thumbnail a{
	height:100px;
	display:block;
}

.thumbnail img{
	border:1px silver solid;
}

.thumbnail p{
	margin-top:0.2em;
	font-size:90%;
	display:block;
}

.metadata{
	margin:0.5em 0 0.5em 0;
}

.comment {
	margin:0.2em 0 0.2em 0;
}

.comment p{
	font-size:110%;
}

div.visualclear{
	clear:both;
	height:0px;
	width:100%;
	}

#batch a{
	margin:0.2em 0.5em 0.2em 0.5em;
	padding:0.1em;
}

#algoArea{
	height:550px;
	width:100%;
	}

#algoAuthor{
	font-size:90%;
	margin:0.2em 0.5em;
	padding:0;
	}

/* form actions */
div.actions{
	margin:1.3em 0 0.5em 0;
}

.errors {
	color:red;
}

.add_descirption{
	margin:1em 0;
}


/* filters */
.true{
	background-color:#A4FFBB;
	display:block;
	text-align:center;
}

.false{
	/*background-color:#CAF2FF;*/
	display:block;
	text-align:center;
}

.sort{
	font-size:80%;
}


textarea{
	width:700px;
	height:10em;
	font-size:110%;
	padding:0.3em;
}

.msgbox{	
	margin:5em auto;
	width:70%;
	font-size:110%;
	text-align:center;
	padding:3em;
	border:2px dotted #dddddd;

	border-top-right-radius: 0.8em;
	border-top-left-radius: 0.8em;
	-webkit-border-top-right-radius: 0.8em;
	-webkit-border-top-left-radius: 0.8em;
	-moz-border-radius-topleft: 0.8em;
	-moz-border-radius-topright: 0.8em;
	border-bottom-right-radius: 0.8em;
	border-bottom-left-radius: 0.8em;
	-webkit-border-bottom-right-radius: 0.8em;
	-webkit-border-bottom-left-radius: 0.8em;
	-moz-border-radius-bottomleft: 0.8em;
	-moz-border-radius-bottomright: 0.8em;	
}


